<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-
scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/y_index.css" />
    <style>
    .express {
        display: none;
    }

    .state {
        color: #fb6d74;
    }
    </style>
</head>

<body>
    <div class="bigBox">
        <div class="container">
            <li class="p20 bw">订单状态：<span class="state">待发货</span></li>
            <li class="bw p20 flex_sb mt20 bdb express">
                <ul class="flex_a">
                    <img src="../img/icon_1.png" style="width:.41rem;height: .3rem;" />
                    <li class="ml20 flex flex_column">
                        <span class="font15">快件离开XXX，正发往XX</span>
                        <span class="col9 mt20">2017-05-14 12:05:15</span>
                    </li>
                </ul>
                <img src="../img/y_arrow_right1.png" style="width:.14rem;height: .2rem;" />
            </li>
            <li class="flex_sb ais bw p20">
                <div class="flex_aj">
                    <img src="../img/y_map1.png" style="width: .27rem;height: .3rem;" />
                    <ul class="flex flex_column ml20">
                        <li class="font15">收货人：张先生</li>
                        <li class="col9 mt20">广东省东莞市XX区XX街道XX号</li>
                    </ul>
                </div>
                <span>13526231232</span>
            </li>
            <li class="p20 flex_sb aie mt20 bw bdb list">
                <div class="flex_a">
                    <img src="../img/y_8.png" style="width: 1.5rem;height: 1.5rem;" />
                    <em class="flex flex_column ml20">
                        <span class="font15">清风纸巾</span>
                        <span class="col9 mt20">分类：日用品</span>
                        <span class="c4 mt20">￥2.00</span>
                        </em>
                </div>
                <span class="col9">x1</span>
            </li>
            <li class="flex_sb p20 bw">
                商品总价<span class="col9">￥2.00</span>
            </li>
            <li class="flex_sb p20 bw">
                实付款<span class="c4">￥2.00</span>
            </li>
            <li class="p20 mt20 bw flex flex_column">
                <span>订单编号：<i class="ml20 col9">1253254632</i></span>
                <span class="mt20">交易号：<i class="ml20 col9">568794568234787</i></span>
                <span class="mt20">创建时间：<i class="ml20 col9">2017-06-06  12:26:12</i></span>
                <span class="mt20">付款时间：<i class="ml20 col9">2017-06-06  12:26:12</i></span>
            </li>
            <li class="p20 mt20 bw flex flex_column express">
                <span class="font15 fw bdb">物流信息</span>
                <span class="mt20">物流公司：<i class="ml20 col9">邦德物流</i></span>
                <span class="mt20">物流单号：<i class="ml20 col9">2132564215232</i></span>
            </li>
            <div class="main_btn">确认收货</div>
        </div>
    </div>
</body>

</html>
<script src="../js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/dlc.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.0/alipayjsapi.inc.min.js"></script>
<!--公司的常用函数封装-->
<script type="text/javascript">
if (getUrlParam('type') == 1) { //待收货
    $('.state').css('color', '#7cc0f0').text('待收货');
    $('.express').css('display', 'flex')
} else if (getUrlParam('type') == 2) { //已完成
    $('.state').css('color', '#999').text('已完成');
    $('.express').css('display', 'flex')
} else { //待发货
    $('.state').css('color', '#7cc0f0').text('待发货');

}
</script>